import getDeviceInfo from '../common/deviceInfo'
// ios系统键盘回收时 页面有白块的问题
Vue.directive('inputBlur', {
  inserted: function(el, bind) {
    // 失去焦点 页面回不到底部 && parseFloat(getDeviceInfo().IOSVersion) < 13
    if (getDeviceInfo().isIOS) {
      el.addEventListener('blur', onBlur)
    }
  },
  update: function(el, bind) {
    // 失去焦点 页面回不到底部 && parseFloat(getDeviceInfo().IOSVersion) < 13
    if (getDeviceInfo().isIOS) {
      // el.removeEventListener('blur', onBlur)
      el.addEventListener('blur', onBlur)
    }
  },
})

function onBlur(el) {
  // ios13 每次执行页面置顶bug
  if (parseFloat(getDeviceInfo().IOSVersion) >= 13) {
    el.target.scrollIntoView()
  } else {
    setTimeout(() => {
      window.scrollTo(0, document.body.scrollTop + 1)
      document.body.scrollTop >= 1 &&
        window.scrollTo(0, document.body.scrollTop - 1)
    }, 10)
  }
}
